@charset "utf-8";
/* CSS Document */
body,html{
	width:100%;
	height:100%;
	overflow-y:hidden;
}
.wrapBox{
	width:100%;
	height:100%;
	position:fixed;
}
.box{
	width:100%;
	height:100%;
	overflow:hidden;
}
.page1{
	background:url(../img/b1_bg.jpg)  ;
}
.w960{
	width:960px;	
	margin:0 auto;
	position:relative;
}
.page1_01{
	position:absolute;
	top:20px;
	left:50%;
	margin-left: -376px;
	z-index:10;
	transition:all 2s linear 0s;
}
.page1_02{
	position:absolute;
	top:450px;
	left:50%;
	margin-left: -89px;
	z-index:9;
	transition:all 2s linear 0s;
}

.page1_02_btn{
	margin-top:15px;
	animation:play 1s linear 0s infinite alternate;
	-webkit-animation:play 1s linear 0s infinite alternate;
}
@keyframes play{
	from{
		opacity:0.5;
	}
	to{
		opacity:1;
	}
}
@-webkit-keyframes play{
	from{
		opacity:0.5;
	}
	to{
		opacity:1;
	}
}
.page1_03{
	width: 1170px; margin: auto; position: absolute; left: 50%; margin-left: -570px; bottom: 0px;
	transition:all 1s linear 0s;
	
}
.box.comeout .page1_03{
	bottom:-92px;
	opacity:0;
}
.page1_04{
	position:absolute;
	right:-50px;
	top:460px;
}
.box.comeout .page1_01{
	left:-220px;
	opacity:0;
}
.box.comeout .page1_02{
	top:350px;
	opacity:0;
}
.page2{
	background:url(../img/m2.jpg) no-repeat #f7f7f7 center bottom;
}
.page2_01{
	position:absolute;
	top:0px;
	
	opacity:1;
	transition:all 2s ease 0s;
}
.box.comeout .page2_01{
	top: 200px;	
	opacity:0;
}
.page3{
	/*background:yellowgreen;*/
}
.page4{
	
}
.m4t{position: relative; top: -0px; transition:all 2s linear 0s;}
.m4con{position: relative; bottom: 0px; transition:all 2s linear 0s;}
.box.comeout .m4t{top: -200px; opacity:0;}
.box.comeout .m4con{bottom: -200px; opacity:0;}
.fixedNav{
	height:80px;
	width:100%;
	background: #fff;
	position:fixed;
	z-index:10;
	box-shadow: 2px 2px 3px #888888;
}
.logo2{float: left;}
.nav{
	width:22px;
	height:150px;
	padding-top:14px;
	
	position:fixed;
	top:50%;
	margin-top:-82px;
	right:20px;
	
	border-radius:10px;
}
.nav li{
	width:16px;
	height:16px;
	background:url(../img/sprite.png) no-repeat -40px -130px;
	margin:5px auto;
	cursor:pointer;
	position:relative;
}
.nav li.current{
	background-position:-40px -110px;
}
.nav li span{
	width:76px;
	height:19px;
	position:absolute;
	background:url(../img/sprite.png) no-repeat 0 -80px;
	left:-80px;
	top:0;
	text-align:center;
	line-height:19px;
	color:#fff;
}

.m6t{position: relative; top: -0px; transition:all 2s linear 0s;}
.m6con{position: relative; bottom: 0px; transition:all 2s linear 0s;}
.box.comeout .m6t{top: -200px; opacity:0;}
.box.comeout .m6con{bottom: -200px; opacity:0;}